<template>
  <div class="home_list_container">
        <div class="home_list_wrapper">
          <div>
            <img src="http://39.105.231.166:7002/static/img/cd1.7808faf.png" alt="" class="list_img">
          </div>
          <div style="width:100%;text-align:center">签到</div>
        </div>
        <div class="home_list_wrapper">
          <div>
            <img
            class="list_img" 
            src="" alt="">
          </div>
          <div style="width:100%;text-align:center">礼券</div>
        </div>
        <div  class="home_list_wrapper">
          <div>
            <img 
            class="list_img"
            src="" alt="">
          </div>
          <div style="width:100%;text-align:center">砍价</div>
        </div>
        <div  class="home_list_wrapper">
          <div>
            <img 
            class="list_img"
            src="" alt="">
          </div>
          <div style="width:100%;text-align:center">专栏</div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style>
.home_list_container
{
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
  position: absolute;
  top: 12.5rem;
  /* left: 0px; */
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
}
.home_list_wrapper
{
  width: 25%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
}
.list_img
{
  width: 50px;
  height: 50px;
}
</style>